.header {
  width: 100%;
  height: 450rpx;
  background: url('https://dy.ttentau.top/images/aTnyHICCi-NMudWfVELeO.png') no-repeat;
  background-size: cover;
  position: relative;

  .user {
    display: flex;
    align-items: center;
    padding: 30rpx;

    .right {
      flex: 1;
      padding-left: 30rpx;

      .user_name {
        color: #fff;
        font-size: 32rpx;
        font-weight: 500;
      }

      .account {
        color: #bababb;
        font-size: 24rpx;
        padding-top: 20rpx;
      }
    }

    .activr {
      width: 208rpx;
      height: 208rpx;
      border-radius: 50%;
      background: #000;
      display: flex;
      align-items: center;
      justify-content: center;

      > image {
        width: 200rpx;
        height: 200rpx;
        object-fit: cover;
        border-radius: 50%;
        display: block;
      }
    }
  }
}
